<template>
  <div>
    <!-- 头部标题 -->
    <div class="header wrap">
      <div class="wrap">
        <img src="../assets/logo1.png" />
        <span
          >2022 International Conference on Big Data, Machine Learning and E-commerce（ICBMLE 2022）</span>
      </div>
    </div>

    <!-- 导航栏 -->
    <nav>
      <ul class="wrap">
        <li><router-link to="/home">Home</router-link></li>
        <li>
          <router-link to="/Committee">Committee</router-link>
        </li>
        <li><router-link to="/Keynote">Keynote Speakers</router-link></li>
        <li><router-link to="/Paper">Call for paper</router-link></li>
        <li>
          Author's Guide ▽
          <dl>
            <dd><router-link to="/Publication" class="pp">Publication</router-link></dd>
            <dd><router-link to="/Submission" class="pp">Submission</router-link></dd>
            <dd><router-link to="/Registration" class="pp">Registration</router-link></dd>
          </dl>
        </li>
        <li><router-link to="/Program">Program</router-link></li>
        <li><router-link to="/Journals">Journals</router-link></li>
        <li><router-link to="/Contact">Contact</router-link></li>
        <li class="last">
          More
          <dl>
            <dd><router-link to="/Venue" class="pp">Venue</router-link></dd>
            <dd><router-link to="/FQA" class="pp">FQA</router-link></dd>
          </dl>
        </li>
      </ul>
    </nav>

    <!-- 内容区域 -->
    <router-view></router-view>

    <!-- 版权 -->
    <footer>
     <div class="wrap"> <img src="../assets/logo1.png">opyright© AEIC Academic Exchange Information Center<br />
      2022 International Conference on Internet of Things, Automation and
      Artificial Intelligence---Seminar on Sub-committee of Smart Park（ICBMLE
      2022)</div>
    </footer>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
footer{
  margin-top: 40px;
  height: 70px;
  background: #333;
  line-height: 28px;
  color: #989898;
}

footer div{
  height: 70px;
  font-size: 12px;
  padding-top: 8px;
  box-sizing: border-box;
  text-align: right;
}

.header img{
  vertical-align: middle;
}

footer img{
  float: left;
  width: 50px;
  height: 50px;
}
</style>
